<template>
    <RouterView/>

    <van-tabbar v-model="active" route active-color="#ef7a8f" placeholder="true">
       <van-tabbar-item to="/main" icon="wap-home-o" name="a">
        <template #icon>
            <img v-if="active!='a'" src="../assets/xiangji1.png"/>
            <img v-if="active=='a'" src="../assets/xiangji.png"/>
        </template>
        首页
       </van-tabbar-item>
       <van-tabbar-item to="/wedDress" icon="chat-o" :badge="badge" name="b">
        <template #icon>
            <img v-if="active!='b'" src="../assets/hs1.png"/>
            <img v-if="active=='b'" src="../assets/hs2.png"/>
        </template>
        婚纱
       </van-tabbar-item>
       <van-tabbar-item to="/wedParty" icon="description-o" name="c">
        <template #icon>
            <img v-if="active!='c'" src="../assets/hy1.png"/>
            <img v-if="active=='c'" src="../assets/hy2.png"/>
        </template>
        婚宴
       </van-tabbar-item>
       <van-tabbar-item to="/us" icon="user-o" name="d">我们</van-tabbar-item>
    </van-tabbar>
</template>

<script setup>
import { ref, computed } from "vue"
import { useRoute } from "vue-router"
import { RouterView } from "vue-router";
const active=ref("a")
</script>

<style scoped>
</style>
